<template>
	<sl-page title="申请进度">
		<view class="result">
			<view class="flex flex-x-center">
				<block v-if="isEnd">
					<svg-icon id="applyResultEnd" name="applyResultEnd"></svg-icon>
				</block>
				<block v-else>
					<svg-icon id="applyResultReview" name="applyResultReview"></svg-icon>
				</block>
			</view>
			<view class="flex flex-x-center py-1">
				{{message}}
			</view>
			<sl-flooter v-if="isEnd">
				<view class="btn-primary" @click.stop="onSubmit()">重新申请</view>
			</sl-flooter>
		</view>
	</sl-page>
</template>

<script>
	import Constants from '@/constants';

	export default {
		//
		name: 'applyResult',
		//
		mixins: [Constants],
		//
		data() {
			return {
				isEnd: true,
				message: ''
			};
		},
		//
		onLoad({
			isEnd,
			name
		}) {
			this.isEnd = isEnd;
			this.message = name;
		},
		// 
		onReady() {},
		//
		methods: {
			onSubmit() {
				this.$app.navTo(this.pages.createApplyPage);
			},
		}
	};
</script>

<style lang="scss" scoped>
	.result {
		font-size: $uni-font-size-base;
		color: $uni-text-color-primary;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 80vh;
	}
</style>